<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>动画登录表单</title>
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.0.12/css/all.css"
      integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" type="text/css" href="./style.css" />
  </head>
  <body>
    <div class="wrapper">
      <div class="login-text">
        <button class="cta"><i class="fas fa-chevron-down fa-1x"></i></button>
        <div class="text">
          <a href="">登录</a>
          <hr />
          <br />
          <input type="text" placeholder="用户我" />
          <br />
          <input type="password" placeholder="密码" />
          <br />
          <button class="login-btn">登录</button>
          <button class="signup-btn">注册</button>
        </div>
      </div>
      <div class="call-text">
        <h1>订阅《CSS 世界特效》，关注公众号《大迁世界》，让你的牛 B!</h1>
        <button>关注小智</button>
      </div>
    </div>
  </body>
  <script src="./index.js"></script>
</html>
